.release-dynamic-box {
	width: 100%;
	min-height: 100vh;
	background-color: #fff;
	padding: calc(var(--amplified_base) * 100rpx) 48rpx 100rpx;

	//顶部的导航栏
	:deep .nav-bar {
		z-index: 200;
		letter-spacing: 2rpx;

		.nav-bar__title {
			font-weight: 600;
			font-size: calc(var(--amplified_base) * 32rpx);
			color: #101010;
		}

		.nav-bar__right-text {
			width: calc(var(--amplified_base) * 112rpx);
			height: calc(var(--amplified_base) * 56rpx);
			background: #1677ff;
			border-radius: 8rpx;
			font-weight: 400;
			font-size: calc(var(--amplified_base) * 28rpx);
			color: #ffffff;
			line-height: calc(var(--amplified_base) * 54rpx);
			text-align: center;
		}
	}

	//发表的文本信息
	.release__text {
		width: 100%;
		min-height: calc(var(--amplified_base) * 112rpx);
		padding: 64rpx 0;
		font-size: calc(var(--amplified_base) * 32rpx);
	}

	//发表的图片信息
	.release__imgs {
		display: grid;
		gap: 16rpx; // 图片之间的间距
		grid-template-columns: repeat(3, minmax(0, 1fr));
		grid-template-rows: repeat(
			auto-fill,
			minmax(100px, auto)
		); /* 或设置固定高度 */

		//图片反显
		.works-item {
			position: relative;
			width: 200rpx;
			height: 200rpx;
			border-radius: 16rpx;
			overflow: hidden;

			.works-item__image {
				position: relative;
				width: 100%;
				height: 100%;
			}

			//删除图标
			.close-css_icon {
				position: absolute;
				top: 0;
				right: 0;
				background-color: #f4f4f4;
				border-radius: 50%;

				&::before,
				&::after {
					width: 30rpx;
					height: 4rpx;
				}
			}
		}

		//添加图片
		.add-image {
			background: #f5f5f7;
		}

		.cross-css_icon::before,
		.cross-css_icon::after {
			background-color: #878787;
		}
	}

	//所在位置 && 提醒谁看
	.positioning-box {
		margin-top: calc(var(--amplified_base) * 48rpx);
	}

	.unit-box {
		display: flex;
		align-items: center;
		font-weight: 400;
		font-size: calc(var(--amplified_base) * 32rpx);
		color: #0d0d0d;
		line-height: calc(var(--amplified_base) * 38rpx);
		padding: 40rpx 0;
		border-top: 1px solid #eeeeee;

		.unit-img_icon {
			margin-right: 16rpx;
			width: calc(var(--amplified_base) * 48rpx);
			height: calc(var(--amplified_base) * 48rpx);
			flex-shrink: 0;
		}

		.unit-box-right {
			width: 100%;
			display: flex;
			flex-direction: row;
			align-items: center;
			justify-content: space-between;

			.unit-status {
				color: #999;
			}
		}
	}

	//提醒谁看 -- 头像组和标签组
	//标签组
	.label-list {
		margin-top: calc(var(--amplified_base) * 24rpx);
		padding-bottom: calc(var(--amplified_base) * 48rpx);
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
	}

	//谁可以看
	:deep .watch-popup {
		min-height: 60vh;

		.title {
			font-size: calc(var(--amplified_base) * 32rpx);
			padding: 32rpx;
			text-align: center;
			font-weight: bold;
		}

		.watch-item-sub {
			color: #999;
			font-size: calc(var(--amplified_base) * 22rpx);
			margin-top: 8rpx;
		}

		.watch-item {
			display: flex;
			flex-direction: row;
			align-items: center;
			padding: 32rpx;

			.radio-left {
				width: 50rpx;
			}

			.radio-right {
				margin-left: 12rpx;
			}
		}

		.hint-wrap {
			padding: 0 32rpx 32rpx 94rpx;
		}
	}

	//头像组
	.remind-list {
		width: 100%;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		align-items: center;

		.remind-list-item {
			margin: 10rpx 0 0 10rpx;
		}

		.individual-list-item_img {
			width: calc(var(--amplified_base) * 56rpx);
			height: calc(var(--amplified_base) * 56rpx);
			border-radius: 28rpx;
		}

		.label-list-item {
			height: calc(var(--amplified_base) * 64rpx);
			padding: 0 24rpx;
			background: #f1f1f1;
			border-radius: 8rpx 8rpx 8rpx 8rpx;
			font-weight: 400;
			font-size: calc(var(--amplified_base) * 32rpx);
			color: #0d0d0d;
			letter-spacing: 2rpx;
			display: flex;
			align-items: center;
			line-height: 1;

			.label-list-itemimg_icon {
				width: calc(var(--amplified_base) * 32rpx);
				height: calc(var(--amplified_base) * 32rpx);
				margin-right: 8rpx;
			}
		}
	}
}
